<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin:0;
				padding:0;
			}
			body{
				overflow-x:hidden;
			}
			div,li{
				#white-space:nowrap;
			}
			li{
				list-style-type:none;
			}
			.head .di1 li{
				text-align:center;
			}
			.head .head2 .di2{
				position:relative;
				left:400px;
				top:20px;
			}
			.head .head2 .di2 li{
				float:left;
				margin-left:40px;
			}
			.head .head2 .di2 li a{
				color:black;
				text-decoration:none;
			}
			.head .head2 .di2 li a:hover{
				color:green;
				padding:5px;
				margin:5px;
				border-bottom:2px solid green;
			}
			.neirong{
				position:relative;
				top:50px
			}
			.neirong img{
				width:100%;
			}
			.neirong2{
				position:relative;
				top:40px;
			}
			.neirong2 img{
				width:100%;
				height:570px;
			}
			.neirong2 h1{
				color:aliceblue;
				position:relative;
				top:-520px;
				left:130px;
			}
			.neirong2 .box{
				width:140px;
				height:50px;
				top:-560px;
				left:1200px;
				position:relative;
				border:2px solid aliceblue;
			}
			.neirong2 .box h5{
				color:aliceblue;
				text-align:center;
				position:relative;
				top:15px;
			}
			.neirong2 .box2{
				top:-530px;
				left:110px;
				position:relative;
			}
			.neirong2 .box2 img{
				float:left;
				width:360px;
				height:360px;
				margin-left:40px;
			}
			.neirong3{
				width:100%;
				height:400px;
				top:-60px;
				float:left;
				position:relative;
				#background-color:blue;
			}
			.neirong3 .bor{
				width:45%;
				height:400px;
				top:-360px;
				float:left;
				position:relative;
				#background-color:blue;
			}
			.neirong3 .bol{
				width:55%;
				height:400px;
				top:-360px;
				float:left;
				position:relative;
				#background-color:red;
			}
			.neirong3 .bor ul{
				top:110px;
				left:80px;
				position:relative;
			}
			.neirong3 .bor ul li #s1{
				font-size:36px;
			}
			.neirong3 .bor ul li #s2{
				font-size:18px;
			}
			.neirong3 .bor ul li #s3{
				font-size:16px;
			}
			.neirong3 .bor ul li #s4{
				font-size:15px;
			}
			.neirong3 .bor ul li #s5{
				font-size:15px;
			}
			.neirong3 .bor ul li #s6{
				font-size:15px;
			}
			.neirong3 .bor ul .li3 .box #s7{
				font-size:15px;
				top:15px;
				color:aliceblue;
				position:relative;
			}
			.neirong3 .bor ul .li2{
				position:relative;
				top:40px;
			}
			.neirong3 .bor ul .li3{
				position:relative;
				top:80px;
			}
			.neirong3 .bor ul .li3 .box{
				width:120px;
				height:50px;
				border-radius:10px;
				text-align:center;
				background-color:green;
				border:2px solid green;
			}
			.neirong3 .bol #ul1 li{
				float:left;
			}
			.neirong3 .bol #ul2 li{
				float:left;
			}
			.neirong3 .bol #ul1{
				position:relative;
				top:60px;
				left:50px;
			}
			.neirong3 .bol #ul2{
				position:relative;
				top:100px;
				left:50px;
			}
			.neirong4 img{
				position:relative;
				top:-420px;
				width:100%;
				height:550px;
			}
			.neirong4 .box ul li img{
				width:229.71px;
				height:279.6px;
			}
			.neirong4 .box ul li{
				position:relative;
				float:left;
				top:-500px;
				#left:100px;
				left:130px;
			}
			.neirong4 .box2 ul #id span{
				position:relative;
				top:-520px;
				left:-1000px;
				font-size:30px;
				color:aliceblue;
			}
			.neirong4 .box2 ul #id2 input{
				top:-800px;
				left:900px;
				width:340px;
				height:42px;
				border-radius:8px;
				position:relative;
			}
			.neirong4 .box2 ul #id3 img{
				top:-840px;
				left:1200px;
				width:30px;
				height:30px;
				position:relative;
			}
			.neirong5 img{
				top:-790px;
				width:100%;
				height:400px;
				position:relative;
			}
			.neirong5 ul{
				top:-1160px;
				color:aliceblue;
				text-align:center;
				position:relative;
			}
			.neirong5 ul li span{
				font-size:20px;
				letter-spacing:8px;
			}
			.neirong5 .box ul li{
				text-align:center;
				font-size:18px;
				float:left;
				top:60px;
				left:525px;
				position:relative;
			}
			.neirong5 .box .box2 ul li{
				text-align:center;
				font-size:16px;
				top:160px;
				left:-100px;
				float:left;
				position:relative;
			}
			.neirong5 .box .box2 #ul li{
				text-align:center;
				font-size:16px;
				top:240px;
				left:200px;
				#float:left;
				position:relative;
			}
		</style>
	</head>
	<body>
		<div class="head">
			<ul class="di1">
				<li><img src="img/logo.png"></li>
			</ul>
			<hr>
			<div class="head2">
				<ul class="di2">
					<li><a href="index.html">首页</a></li>
					<li><a href="new_file.html">产品/案例</a></li>
					<li><a href="new_file2.html">关于我们</a></li>
					<li><a href="new_file3.html">新闻中心</a></li>
					<li><a href="new_file4.html">招商加盟</a></li>
					<li><a href="new_file5.html">联系我们</a></li>
				</ul>
			</div>
		</div>
		<div class="neirong">
			<img src="img/a1.jpg">
		</div>
		<div class="neirong2">
			<img src="img/green.jpg">
			<h1>家具好，家更好！</h1>
			<div class="box">
				<h5>了解更多   ></h5>
			</div>
			<div class="box2">
				<ul>
					<li><img src="img/b1.jpg"></li>
					<li><img src="img/b2.jpg"></li>
					<li><img src="img/b3.jpg"></li>
				</ul>
			</div>
		</div>
		<div class="neirong3">
			<div class="bor">
				<ul>
					<li><span id="s1">公司介绍</span>
					<span id="s2">/</span>
					<span id="s3">Company Profile</span></li>
					<li class="li2"><span id="s4">XX家具有限公司，工厂创建于</span>
					<span id="s5">1988</span>
					<span id="s6">年，现公司位于XX市XX区，占地面积近百亩，拥<br>
					有国际水平的家具生产线和电脑全自动加工系统，是一家集设计、生产、销售、家居<br>
					配套为一体全能型家具企业。</span></li>
					<li class="li3">
						<div class="box">
							<span id="s7">了解更多  ></span>
						</div>
					</li>
				</ul>
			</div>
			<div class="bol">
				<ul id="ul1">
					<li><img src="img/c1.jpg"></li>
					<li><img src="img/c2.jpg"></li>
					<li><img src="img/c3.jpg"></li>
				</ul>
				<ul id="ul2">
					<li><img src="img/c4.jpg"></li>
					<li><img src="img/c5.jpg"></li>
					<li><img src="img/c6.jpg"></li>
				</ul>
			</div>
		</div>
		<div class="neirong4">
			<img src="img/green.jpg">
			<div class="box">
				<ul>
					<li><img src="img/d1.jpg"></li>
					<li><img src="img/d2.jpg"></li>
					<li><img src="img/d3.jpg"></li>
					<li><img src="img/d4.jpg"></li>
					<li><img src="img/d5.jpg"></li>
				</ul>
			</div>
			<div class="box2">
				<ul>
					<li id="id"><span>新闻中心</span></li>
					<li id="id2"><input type="text" placeholder="请输入关键词搜索"></li>
					<li id="id3"><img src="img/go.png"></li>
				</ul>
			</div>
		</div>
		<div class="neirong5">
			<img src="img/wei.png">
			<ul>
				<li><span>晓海设计</span></li>
			</ul>
			<div class="box">
				<ul>
					<li>前往参观&emsp;|</li>
					<li>&emsp;展览活动&emsp;|</li>
					<li>&emsp;资讯公告&emsp;|</li>
					<li>&emsp;关于我们 </li>
				</ul>
				<div class="box2">
					<ul>
						<li>Address/地址：XXX省XXX市XXX县XXX路XXX号&emsp;&emsp;</li>
						<li>&emsp;&emsp;Tel/联系电话：020-000000 000-000000&emsp;&emsp;</li>
						<li>&emsp;&emsp;Mail/邮箱：xxx@.com</li>
					</ul>
					<ul id="ul">
						<li>©2025 - 展览晓海设计 版权所有</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
